<template>
		<view>
			<view class="list animate__animated animate__fadeIn" @tap="opendetail">
				<image :src="item.titlepic" mode="aspectFill" lazy-load></image>
				<view>
					<view class="title">{{item.title}}</view>
					<view class="content">{{item.content}}</view>
					<view class="info">动态{{item.dongtai}} 今日{{item.nowday}}</view>
				</view>
			</view>
		</view>
</template>

<script>
	export default{
		props: {
			item: Object
		},
		methods:{
			opendetail(){
				uni.navigateTo({
					url: "../../pages/topic-detail/topic-detail"
				})
			}
		}
	}
</script>

<style scoped>	
	.list {
		border-bottom: 1px solid #eee;
		width: 100%;
		display: flex;
		padding: 20upx 0;
		box-sizing: border-box;
	}
	.list>image {
		width: 200upx;
		height: 200upx;
		border-radius: 20upx;
	}
	.list>view {
		flex: 1;
		padding: 0 20upx;
	}
	.title {
		font-size: 16px;
		color: #000;
	}
	.content,
	.info {
		color: #A4A4A4;
		font-size: 24upx;
	}
</style>
